import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './styles/reset.css'
import './filters/index'
import {
  Button,
  NavBar,
  Sticky,
  Form,
  Field,
  Toast,
  Area,
  Icon,
  Tabbar,
  TabbarItem,
  Tab,
  Tabs,
  Cell, CellGroup,
  PullRefresh,
  List, Uploader,
  Lazyload

} from 'vant'
import 'vant/lib/index.css'
import 'amfe-flexible'
import 'vant/lib/index.less'
import './router/permission'
// 引入Vant所有的组件

Vue.use(Form)
Vue.use(Uploader)
Vue.use(List)
Vue.use(Cell)
Vue.use(CellGroup)
Vue.use(PullRefresh)

Vue.use(TabbarItem)
Vue.use(Tab)
Vue.use(Tabs)
Vue.use(Tabbar)
Vue.use(Icon)
Vue.use(Area)
Vue.use(Field)
Vue.use(Button)
Vue.use(NavBar)

Vue.use(Button)

Vue.use(Sticky)
Vue.use(Toast)
Vue.use(Lazyload)
// 注册时可以配置额外的选项
Vue.use(Lazyload, {
  lazyComponent: true
})
// 用它的样式

Vue.config.productionTip = false
Vue.use(Button)
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
